@import"./reset";
@import"./common";
@import"./vw";
header{
    width: vw(750);
    height: vw(118);
    .top{
        width: vw(704);
        height: vw(98);
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        line-height: vw(128);
        text-align: center;
        .top1{
            width: vw(123);
            height: vw(57);
            border: 1px solid #ff9344;
            border-radius: vw(20);
            font-size: vw(26);
            line-height: vw(57);
            text-align: center;
            position: relative;
            top: vw(40);
        }
        .top2 span{
            font-size: vw(26);
        }
        .top3{
            width: vw(52);
            height: vw(50);
            line-height: vw(150);
            img{
                width: vw(58);
                height: vw(56);
            }
        }
    }
}
section{
    .add{
        width: vw(702);
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .left{
            display: flex;
            img{
                width:vw(170);
                height: vw(170);
            }
            span{
                a{
                    display: block;
                    color: black;
                    margin-top: vw(30);
                    margin-left: vw(20);
                    font-size: vw(30);
                }
                a:nth-of-type(2){
                    font-size: vw(26);
                    color: #9d9d9d;
                }
            }
        }
        .right{
            img{
                width: vw(41);
                height: vw(46);
            }
        }
    }
    .square{
        width: vw(701);
        margin: 0 auto;
        position: relative;
        ul{
            width: vw(701);
            height: vw(212);
            display: flex;
            justify-content: space-between;
            align-items: center;
            text-align: center;
            li{
                // display: inline-block;
                img{
                    width: vw(195);
                    height: vw(151);
                }
                span{
                    display: flex;
                    position: absolute;
                    top: vw(130);
                    font-size: vw(26);
                    margin-left: vw(30);
                }
            }
        }
    }
    .middle{
        width: vw(700);
        height: vw(90);
        display: flex;
        justify-content: space-between;
        align-items: center;
        line-height: vw(57);
        margin: 0 auto;
        .left{
            display: flex;
        }
        .left img{
            width: vw(72);
            height: vw(68);
        }  
        .left span{
            font-size: vw(26);
            margin-left: vw(10);
            line-height: vw(79);
            margin-left: vw(25);
        }
        .right img{
            width: vw(20);
            // height: vw(26);
        }
        .right a{
            color: black;
            font-size: vw(24);
            line-height: vw(65);
        }
    }
    .middle:nth-of-type(6){
        margin-bottom: vw(60);
    }
    .bottom{
        width: vw(538);
        height: vw(114);
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: center;
        margin: 0 auto;
        bottom{
            width: vw(147);
            height: vw(76);
            background: #ff9344;
            text-align: center;
            line-height: vw(76);
            border-radius: vw(30);
            a{
                color: white;
            }
        }
    }
}